<!--
 * @Author: wangwenshuai 644586996@qq.com
 * @Date: 2022-11-08 14:02:05
 * @LastEditors: wangwenshuai 644586996@qq.com
 * @LastEditTime: 2022-11-17 10:48:58
 * @FilePath: \CarbonPccountingProject\carbon_accounting_project\src\components\Page\GlobalHeader.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <a-layout-header>
    <div class="header_top">
      <Logo></Logo>
      <UserMenu></UserMenu>
    </div>

    <Menu></Menu>
  </a-layout-header>
</template>

<script>
import bus from "@/bus";
import Logo from "@/components/Tools/Logo.vue";
import UserMenu from "@/components/Tools/UserMenu.vue";
import { Mixin } from "@/mixins/mixin.js";
import Menu from "@/components/Menu/Menu.vue";
export default {
  mixins: [Mixin],
  // props: {
  //   menus: {
  //     type: Array,
  //     required: true,
  //   },
  // },
  data() {
    return {};
  },
  components: {
    Logo,
    UserMenu,
    Menu,
  },
  mounted() { },
  destroyed() {
    // 必须移除监听器，不然当该vue组件被销毁了，监听器还在就会出错
  },
  methods: {},
};
</script>

<style lang="scss">
.header_top {
  padding: 0 10px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
</style>